<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
        <title>密码/验证码 登录demo</title>
		<link rel="stylesheet" type="text/css" href="css/verify.css">
		<script src="js/jquery.min.js" ></script>
		<script src="js/login.js" ></script>
		<style>
			.btn{
				border: none;
				outline: none;
				width: 200px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				cursor: pointer;
				background-color: #409EFF;
				color: #fff;
				font-size: 16px;
				letter-spacing: 1em;
			}
			.getVerifyCode{
				font-size: 16px;
				color: #4FABC2;
				right: 0;
				top: 28px;
				cursor: pointer;
			}
		</style>
    </head>
    <body>
		<div class="box">
			<h1>密码/验证码 登录demo</h1>
			<br><br>
			<input type="text" id="mobile" placeholder="输入手机号...."/>
			<div class="verifyPwd">
				<h3>密码登录</h3>
				<h5>默认密码：abc123</h5>
				<input type="text" id="password" placeholder="输入密码...."/><br><br>
				<button class="btn" id='pwdLogin'>登录</button>
				<p class="herf" onclick="switchLogin('2')"><a href="javascript: ;">使用验证登录</a></p>
			</div>
			<div class="verifyCode" style="display: none">
				<h3>验证码登录</h3>
				<h5>默认验证码：手机号后六位</h5>
				<input type="text" id="code" placeholder="输入验证码...."/>
				<span class="getVerifyCode" id="getVerifyCode">获取验证码</span><br><br>
				<button class="btn" id='codeLogin'>登录</button>
				<p class="herf" onclick="switchLogin('1')"><a href="javascript: ;">使用密码登录</a></p>
			</div>
			<p class="tips">
				<span></span>
			</p>
			<div id="mpanel1" style="margin-top:50px;"></div>
			<div id="mpanel2" style="margin-top:50px;"></div>
			<input type="hidden" name="loginType" value="1"/>
		</div>

    </body>
 
</html>